@import "base";

.user-info-content{
  background: #f5f5f5;
}

.user-info{
  width: 100%;
  background: #fff;
  padding-bottom: px2rem(25px);
}

.user-info-head-img{
  width: 100%;
}

.user-info-name{
  @include px2px('font-size' , 40);
  font-weight: 600;
}

.user-info-abstract{
  @include px2px('font-size' , 30);
  color: #ababab;
  font-weight: 300;
}

.am-flexbox .am-flexbox-item{
  margin-left: 0;
}

.mb15{
  margin-bottom: 0.15rem;
}
.mb30{
  margin-bottom: 0.3rem;
}
.mt30{
  margin-top: 0.3rem;
}
.bf{
  background: #fff;
}

.user-info-head-logo{
  width: px2rem(136px);
  height: px2rem(136px);
  margin-bottom: px2rem(40px);
  border-radius: 50%
}
.user-info-info{
  margin-top: px2rem(-80px);
}

.user-info-title{
  @include px2px('font-size' , 42);
  margin: px2rem(60px) 0;
}

.tr{
  text-align: right;
}

.user-info-contact{
  width: 100%;
  padding: 0 px2rem(40px);
  @include px2px('font-size' , 36);
}

.user-info-contact i{
  @include px2px('font-size' , 55);
}

.am-flexbox .user-info-contact-left{
  flex: 5;
}
.user-info-contact-content{
  margin-bottom: px2rem(20px);
  font-weight: 300;
}

.user-info-company{
  width: 100%;
  background: #fff;
}
.user-info-company-info{
  color: #ababab;
  font-weight: 300;
  display: flex;
}

.user-info-company-info i{
  @include px2px('font-size' , 24);
  margin-right: px2rem(5px);
}

.user-info-company-name{
  @include px2px('font-size' , 30);
  color: #333;
  font-weight: 400;
  margin-bottom: px2rem(25px);
}
.user-info-company-info-left{
  margin-right: px2rem(30px);
}

.user-info-company-more{
  padding: px2rem(30px) 0;
  width: 94%;
  text-align: center;
  @include px2px('font-size' , 30);
  color: #32cbe6;
  font-weight: 300;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #ccc;
  margin-top: px2rem(60px);
}
.user-info-company-more i{
  @include px2px('font-size' , 40);
}

.send-business-card-btn{
  padding: px2rem(20px);
  margin-top: px2rem(20px);
  background: #fff;
}

.send-business-card-btn .am-button{
  @include px2px('font-size' , 36);
  height: px2rem(94px , $base-font-size);
  line-height: px2rem(94px , $base-font-size);
}

.business-card-share{
  @include px2px('font-size' , 30);
  margin-right: px2rem(15px);
}